@prefix-cls: centerview;

.overflow() {
  overflow-y: hidden;
  overflow-x: hidden;
}

.@{prefix-cls} {
  &-divBox {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    .overflow();
  }

  &-centerSpin {
    height: 100%;

    .ant-spin-container {
      height: 100%;
    }
  }

  &-rightFormStyle {
    height: 100%;
    // padding: 2.5rem 2rem 0px;
    flex: auto;
    overflow: hidden;
  }

  &-centerMenu {
    height: 100%;

    .ant-menu {
      height: 100%;
      padding: 1.5rem 0px;
      border-right: 0px;
      background-color: rgba(252, 252, 252, 1);

      .ant-menu-item {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
      }

      // .ant-menu-item-selected {
      //   border-right: 3px solid;
      // }

      .ant-menu-item-selected::after {
        transform: scaleY(1);
        opacity: 1;
      }
    }
  }

  &-centerViewRow {
    height: 100%;
    width: 100%;

    &-Col {
      display: flex;
      flex-direction: column;
      height: 100%;

      &-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
        border-top: 1px dashed #cdcdcd;
      }
    }
  }

  &-avatarTitle {
    display: flex;
    justify-content: space-between;
  }

  &-avatarRow {
    position: relative;

    // &-picCol {
    //   // text-align: center;
    //   // display: flex;
    //   // justify-content: center;
    // }

    &-picUpload {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      margin: auto;
    }
  }
}

.centerFormRadio {
  :global {
    width: 100%;
    // display: block;

    .ant-radio-button-wrapper {
      margin-right: 15px;
      border-radius: 50px !important;
      border: 1px solid #cccccc;
      padding: 0px 16px;
      // width: 20%;
      text-align: center;
      overflow: hidden;
    }

    .ant-radio-button-wrapper:not(:first-child)::before {
      width: 0px;
    }
  }
}
